<template>
    <div class="home">
        <div class="logolist">
            <div class="logo1">
                <img src="../../assets/logo1.png" alt="" class="logo1img">
            </div>
            <div class="logo2">
                <img src="../../assets/logo2.png" alt="" class="logo2img">
            </div>
        </div>
        <div class="download">
            <van-button type="danger" size="large" class="button">立即下载</van-button>
            <div class="user">已有6亿用户下载</div>
        </div>
        <div class="bottom">
            <div class="bottom1">开发者：喜大（上海）网络科技有限公司</div>
            <div class="bottom2">版本:V9.1.35 | 用户权限 | 隐私政策</div>
        </div>
    </div>
</template>

<script setup lang="ts">

</script>

<style lang="less" scoped>
.home {
    width: 100%;
    height: 667px;

    .logolist {


        .logo1 {
            display: block;
            padding-top: 100px;
            padding-left: 120px;

            .logo1img {
                width: 145px;
                height: 132px;
            }
        }

        .logo2 {
            display: block;
            margin-top: 50px;
            margin-left: 45px;

            .logo2img {
                width: 280px;
                height: 47px;
            }
        }
    }

    .download {
        width: 100%;

        .button {
            margin-top: 50px;
        }

        .user {
            margin-left: 145px;
            font-size: 12px;
            color: #999;
        }
    }

    .bottom {
        width: 100%;

        .bottom1 {
            margin-top: 170px;
            margin-left: 50px;
            font-size: 14px;
        }

        .bottom2 {
            margin-left: 80px;
            font-size: 12px;
        }
    }
}
</style>